<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>

<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<html>
<head>
    <title>my money</title>
    <link href="${ctx}/resources/css/styles.css" rel="stylesheet">
    <script src="${ctx}/resources/js/jquery-1.11.2.min.js"></script>
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/css/tcal.css" />
    <script type="text/javascript" src="${ctx}/resources/js/tcal.js"></script>
    <script src="${ctx}/resources/js/main.js"></script>
   <script>
        $(document).ready(function () {
            init('${ctx}');
        });

    </script>
</head>
<body>
<div id="header">
  <span id="message">message</span>

  <div id="nav-account" >
        Welcome:&nbsp;
        <sec:authentication property="name" /><br>
        <c:url var="logoutUrl" value="/logout"/>
            <a id="navLogoutLink" href="${logoutUrl}">Logout</a>
  </div>
    <div style="clear: both;"></div>

</div>
<div id="container">

  <div id="accountsFrame" >

          <input type="button" value="add " id="add" />
          <input type="button" value="del " class="add-form-cleaner" id="del" />
          <input type="button" value="edit" class="add-form-cleaner" id="edit" />

      <br>
          <div id="accountsList" >
          </div>

      <div id="addForm">

          <input type="text"  id="name" size="10"/>
          <input type="text"  id="value" size="8"/>
          <select id="currency" size="1">
              <option>руб</option>
              <option selected>ש.ח</option>
              <option>usd</option>
              <option>eur</option>

          </select><BR>
          <input type="button" value="OK" id="send"/>
          <input type="button" value="Cancel" class="add-form-cleaner" id="cancel"/>
      </div>
  </div>

    <div id="leftMenu">
        <input type="button" value="income category" id="incomingCategoryButton"/><br>
        <input type="button" value="cost category" id="outgoingCategoryButton"/><br>
        <input type="button" value="anything else" id="operationButton"/>
    </div>
    <div id="categoryFrame" class="content">
        <div style="display: inline-block">
          <span id="categoryLabel"></span><br>
          <select id="categoryList" size="17">
          </select>
        </div>
        <div id="categoryContent">
            <input type="button" value="add" id="addCategoryButton"/>
            <input type="button" value="del" id="deleteCategoryButton"/>
            <input type="button" value="edit" id="editCategoryButton"/><br>
          <div id="categoryAddFrame" class="categoryContent">
              input category name<br>
            <input type="text" id="categoryAddName">
            <input type="button" value="OK" id="addCategoryOk"/>
          </div>
            <div id="categoryEditFrame" class="categoryContent">
                edit category name<br>
                <input type="text" id="categoryEditName">
                <input type="button" value="OK" id="editCategoryOk"/><br>
                parent category<br>
                <select id="parentCategoryList">
                </select>
            </div>

        </div>
    </div>
    <div id="operationFrame" class="content">
        <input type="text" name="date" class="tcal" value="" />
    </div>


</div>
</body>
</html>
